
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Mack Browne</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le styles -->
    <link href="{{url_for('static', filename='style.css')}}" rel="stylesheet">
    <style type="text/css">
      /* Override some defaults */
      html, body {
        background-color: #eee;
      }
      body {
        padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar */
      }
      .container > footer p {
        text-align: center; /* center align it with the container */
      }
      .container {
        width: 820px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */
      }

      /* The white background content wrapper */
      .content {
        background-color: #fff;
        padding: 20px;
        margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
        -webkit-border-radius: 0 0 6px 6px;
           -moz-border-radius: 0 0 6px 6px;
                border-radius: 0 0 6px 6px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
                box-shadow: 0 1px 2px rgba(0,0,0,.15);
      }

      /* Page header tweaks */
      .page-header {
        background-color: #f5f5f5;
        padding: 20px 20px 10px;
        margin: -20px -20px 20px;
      }

      /* Styles you shouldn't keep as they are for displaying this base example only */
      .content .span10,
      .content .span4 {
        min-height: 500px;
      }
      /* Give a quick and non-cross-browser friendly divider */
      .content .span4 {
        margin-left: 0;
        padding-left: 19px;
        border-left: 1px solid #eee;
      }

      .topbar .btn {
        border: 0;

      }
      

    </style>

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

  </head>

  <body>
  
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>

    <div class="topbar">
      <div class="fill">
        <div class="container">
          <a class="brand" href="{{ url_for('show_entries') }}">Mack Browne</a>
          <ul class="nav">
            <li class="active"> <li><a href="{{ url_for('music') }}">Music</a></li>
            <li class="active"> <li><a href="{{ url_for('gigs') }}">Shows</a></li>
            <li ><a href="{{ url_for('map') }}">Map</a></li>
            <li ><a href="{{ url_for('contact') }}">Contact</a></li>
          </ul>
            {% if not session.logged_in %}
                {% if error %}<p class=error><strong>Error:</strong> {{ error }}{% endif %}
                <form action="{{ url_for('quicklogin') }}" method=post class="pull-right">
                    <input class="input-small" type="text" name=username placeholder="Username">
                    <input class="input-small" type="password" name=password placeholder="Password">
                    <button class="btn" type="submit" method=post>Login</button>  
                                        <button class="btn" action={{ url_for('register') }} method=post>Register</button>     
               
                </form>

            {% else %}  
            <ul class="secondary-nav">            
               <li><a href="#">USER</a></li>
               <li><a href="{{ url_for('logout') }}">log out</a></li>
            </ul>
            {% endif %} 
        </div>
      </div>
    </div>

    <div class="container">

      <div class="content">
 
  {% block body %}{% endblock %}
          </div>
          <div class="span4">
          <div class="fb-like-box" data-href="http://www.facebook.com/mackbrownedj" data-width="220" data-show-faces="true" data-stream="false" data-header="false"></div>
            <script src="http://widgets.twimg.com/j/2/widget.js"></script>
            <script>
            new TWTR.Widget({
              version: 2,
              type: 'profile',
              rpp: 4,
              interval: 30000,
              width: 'auto',
              height: 300,
              theme: {
                shell: {
                  background: '#08bdff',
                  color: '#000000'
                },
                tweets: {
                  background: '#ffffff',
                  color: '#0a4fff',
                  links: '#8f8f8f'
                }
              },
              features: {
                scrollbar: true,
                loop: false,
                live: false,
                behavior: 'default'
              }
            }).render().setUser('mackbrowne').start();
            </script>
            <p><a class="mixcloud-follow-widget" href="http://www.mixcloud.com/mackbrowne/" data-h="160"  data-w="220" data-faces="on">Follow Mack Browne on Mixcloud</a><script type="text/javascript" src="http://widget.mixcloud.com/media/js/follow_embed.js"></script></p>
            <p><style type='text/css'>a.soundcloud-dropbox:hover {color: #1896D1 !important; background-color: transparent !important; background-position: -200px 0 !important;}*html a.soundcloud-dropbox {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.sndcdn.com/images/dropbox_square_white.png?89b97f7)', sizingMethod='crop') !important;}/* if you want to have valid HTML, please be so kind and put the style part in the head of your page */</style><a href='http://soundcloud.com/mackbrowne/dropbox' style='display: block; margin: 10px auto; background: transparent url(http://a1.sndcdn.com/images/dropbox_square_white.png?89b97f7) top left no-repeat; color: #888888; font-size: 10px; height: 82px; padding: 39px 15px 5px 10px; width: 105px; text-decoration: none; text-align: center; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; line-height: 1.3em' class='soundcloud-dropbox'>Send me<br>your sounds</a></p>
         
         </div>
         </div>
      </div>

      <footer>
        <p>&copy; Mack Browne 2012</p>
      </footer>

    </div> <!-- /container -->

  </body>
</html>
